<!DOCTYPE html>
<html>
	<head>
		<title>start222</title>
		<meta http-equiv="X-UA-Compatible" content="IE=edge">
		<style>
		</style>
		<meta name="viewport" content="width=device-width,   initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
		<script src="js/jquery.js" type="text/javascript" charset="utf-8"></script>
		<link rel="stylesheet" type="text/css" href="assets/lib/font-awesome-4.7.0/css/font-awesome.min.css" />
		<link rel="stylesheet" type="text/css" href="assets/lib/bootstrap3.3.7/css/bootstrap.min.css" />
		<link rel="stylesheet" type="text/css" href="css/style.css" />
		<script src="assets/lib/bootstrap3.3.7/js/bootstrap.min.js" type="text/javascript" charset="utf-8"></script>
		<style>
			#toc {
				max-height: 200px;
				background-color: dimgrey;
				overflow: hidden;
			}

			#toc:hover {
				overflow: auto;
			}
		</style>
	</head>
	<body>

		<div class="container-fluid">
			<div class="row">我是上面的一些什么
				<div class="panel panel-default ">
					<div class="panel-heading">
						<h3 class="panel-title">
							<span>目录</span><a id="closeToc"><i class="glyphicon glyphicon-remove pull-right text-small"></i></a>
						</h3>
					</div>
					<div class="panel-body" id="toc" style="">
						我是内容

						<div>
							<div style="height: 190px; background-color: greenyellow;">213</div>
							<ul>
								<li>123</li>
								<li>123</li>
								<li>123</li>
								<li>123</li>
								<li>123</li>
							</ul>
						</div>
					</div>
				</div>

			</div>
		</div>
		<div class="row">我是下面的一些什么 </div>
		</div>
	</body>
</html>
